<!doctype html>
<html><head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="keywords" content="">
  <meta name="description" content="mezz">
  <meta name="author" content="mezz">
  <link href="css/css.css" rel="stylesheet">
  <link href="css/chosen.css" rel="stylesheet">
  <!--[if lt IE 9]>
  <link href="css/ie.css" rel="stylesheet" type="text/css" >
  <meta http-equiv="X-UA-Compatible" content="IE=8" >
  <![endif]-->
  <!--[if lte IE 6]><meta http-equiv="refresh" content="0;url=IE6/IE6.html"><![endif]-->
  <link href="favicon.ico" rel="SHORTCUT ICON">
  <title>17素材·私厨 - 为你推荐遍布全球最新鲜，最与众不同的顶级生活方式</title>

  <!----------------------------------------------引用js和css-------------------------------------------->
  <!--导入的   vue.js,jquery.js,element.js,element.css--->
  <script src="./js/vue.min.js"></script>
  <script src="./js/jquery-3.5.1.min.js"></script>
  <!-- Element-UI -->
  <!-- 引入组件库 -->
  <script src="./js/element-ui/index.js"></script>
  <!-- 引入样式 -->
  <link href="./css/element-ui/index.css" rel="stylesheet">
  <!--------------------------------------------------------------------------------------------------->

</head>
<body>
<!-----------------------------------------顶层Vue [applyhost]------------------------------------------>
<div id="applyhost">
  <!---------------------------------------头部[head]--------------------------------------------------->
  <div id="head">
    <div class="head">
      <div class="wrap clearfix">
        <a href="index.html" class="logo indent">logo</a>
        <div class="headr fr">
          <form action="active.html" method="post" class="headsearch">
            <label class="label">
              <input type="text" value="" name="" class="key" v-model="search">
              <span class="text" v-model="search">搜索地址、名称、时间等</span>
            </label>
            <button type="submit" class="button btn-search">&#xe628;</button>
          </form>
          <a href="./Release.html"><em><img src="images/sb.png"></em>  &nbsp;&nbsp;发布我的饭局</a>
          <div class="user">
        <span class="clearfix"><span class="userimg"><img :src=uinfos.tx><i></i></span>
        <a href="javascript:;" class="fr">{{uinfos.name}} <em>&#xe607;</em></a></span>
            <ul class="topslide">
              <li><em>&#xe627;</em><a href="mem.html">个人设置</a></li>
              <li><em>&#xe63d;</em><a href="Message.html">消息中心</a></li>
              <li><em>&#xe63c;</em><a href="Dinner.html">饭局管理</a></li>
              <li><em>&#xe63e;</em><a href="fans.html">我的好友</a></li>
              <li><em>&#xe61b;</em><a href="My_Messages.html" >我的留言</a></li>
              <li><em>&#xe611;</em><a href="login.html">退出</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>

  </div>
  <!---------------------------------------------------------------------------------------------------->

  <!---------------------------------------中部[warp]--------------------------------------------------->
  <div id="warp">
    <div class="wrap">
      <div class="sign-title tc" style=" -webkit-opacity: 0.3; -moz-opacity: 0.3; -khtml-opacity: 0.3;  opacity: .3; filter:alpha(opacity=30);  ">
        <h1>申请成为一名HOST</h1>
        亲爱的<a href="#" class="o">{{uinfos.name}}</a>，欢迎申请成为一名<span class="o"> “HOST”</span>
      </div>

      <div class="applybox">
        <h1>请认真填写您申请<span class="o">“HOST”</span>信息，提交成功后，无法修改哦！</h1>
        <ul class="apply-form baseinfo">
          <li><span class="tt"><em>&#xe627;</em>姓名</span><input type="text" name="" :value=uinfos.name class="inpt"  readonly></li>
          <li><span class="tt"><em>&#xe629;</em>城市</span><select data-placeholder="省" style="width:285px;" class="chosen-select-no-single" tabindex="9">
            <option>{{sheng}}</option>
          </select>  <select data-placeholder="市" style="width:285px;" class="chosen-select-no-single" tabindex="9">
            <option>{{shi}}</option>
          </select>  <select data-placeholder="区" style="width:285px;" class="chosen-select-no-single" tabindex="9">
            <option>{{qu}}</option>
          </select></li>

          <li><span class="tt"><em>&#xe641;</em>你举办的家宴时可以容纳多少人同时就餐</span>
            <template >
              <el-radio-group v-model="radio1" >
                <el-radio label="2-4"> A. 2-4人</el-radio>
                <el-radio label="5-8"> B. 5-8人</el-radio>
                <el-radio label="9-12"> C. 9-12人</el-radio>
                <el-radio label="13人及以上"> D. 13人及以上</el-radio>
              </el-radio-group>
            </template>
          </li>

          <li><span class="tt"><em>&#xe641;</em>形容一下你的家宴会在以下哪些地方就餐 （多选）</span>
            <template>
              <el-checkbox label="餐厅" v-model="checkList2" > A. 餐厅</el-checkbox>
              <el-checkbox label="花园" v-model="checkList2" > B. 花园</el-checkbox>
              <el-checkbox label="复式公寓" v-model="checkList2" > C. 复式公寓</el-checkbox>
              <el-checkbox label="景观阳台/顶楼" v-model="checkList2" > D. 景观阳台/顶楼</el-checkbox>
              <el-checkbox label="其它有意思的地方" v-model="checkList2" > E.其它有意思的地方</el-checkbox>
            </template>
          </li>

          <li><span class="tt"><em>&#xe641;</em>你有学过烹饪烘焙课程吗 ?</span>
            <template >
              <el-radio-group v-model="radio3" >
                <el-radio label="有，专业烹饪学校"> A. 有，专业烹饪学校</el-radio>
                <el-radio label="有，完整地自学了烹饪课程"> B. 有，完整地自学了烹饪课程</el-radio>
                <el-radio label="有，但只学过几道拿手菜"> C. 有，但只学过几道拿手菜</el-radio>
                <el-radio label="没有，完全靠感觉"> D. 没有，完全靠感觉</el-radio>
              </el-radio-group>
            </template>
          </li>

          <li><span class="tt"><em>&#xe641;</em>你家宴中的菜是从根据什么来烹饪的？</span>
            <template >
              <el-radio-group v-model="radio4" >
                <el-radio label="食谱书/杂志"> A. 食谱书/杂志</el-radio>
                <el-radio label="即兴发挥"> B. 即兴发挥</el-radio>
                <el-radio label="我是吃着这些菜长大的"> C. 我是吃着这些菜长大的</el-radio>
              </el-radio-group>
            </template>
          </li>

          <li><span class="tt"><em>&#xe641;</em>你的家宴会由几道菜组成的？</span>
            <template >
              <el-radio-group v-model="radio5" >
                <el-radio label="2-3道"> A. 2-3道</el-radio>
                <el-radio label="4-5道"> B. 4-5道</el-radio>
                <el-radio label="6道以上"> C. 6道以上</el-radio>
              </el-radio-group>
            </template>
          </li>

          <li><span class="tt"><em>&#xe641;</em>你会用有机食材作为家宴食材吗？</span>
            <template >
              <el-radio-group v-model="radio6" >
                <el-radio label="全部都是"> A. 全部都是</el-radio>
                <el-radio label="有部分是"> B. 有部分是</el-radio>
                <el-radio label="几乎没有"> C. 几乎没有</el-radio>
              </el-radio-group>
            </template>
          </li>

          <li><span class="tt"><em>&#xe641;</em>除了美食，你还会有哪些现场活动？（多选）</span>
            <template>
              <el-checkbox label="音乐、表演" v-model="checkList7" > A. 音乐、表演</el-checkbox>
              <el-checkbox label="厨艺示范" v-model="checkList7" > B. 厨艺示范</el-checkbox>
              <el-checkbox label="其它" v-model="checkList7" > C. 其它</el-checkbox>
              <el-checkbox label="拜托，简单吃饭不好吗" v-model="checkList7" > D. 拜托，简单吃饭不好吗</el-checkbox>
            </template>
          </li>

          <li><span class="tt"><em>&#xe641;</em>你能为以下这些食客朋友们提供餐食吗？（多选）</span>
            <template>
              <el-checkbox label="严格素食者（不吃任何动物有关食物：鸡蛋，牛奶等）" v-model="checkList8" > A. 严格素食者（不吃任何动物有关食物：鸡蛋，牛奶等）</el-checkbox>
              <el-checkbox label="蛋奶素食者" v-model="checkList8" > B. 蛋奶素食者</el-checkbox>
              <el-checkbox label="清真饮食" v-model="checkList8" > C. 清真饮食</el-checkbox>
            </template>
          </li>

          <li><span class="tt"><em>&#xe641;</em>你会和谁一起提供家宴？</span>
            <template >
              <el-radio-group v-model="radio9" >
                <el-radio label="朋友"> A. 朋友</el-radio>
                <el-radio label="室友"> B. 室友</el-radio>
                <el-radio label="伴侣/夫妻"> C. 伴侣/夫妻</el-radio>
                <el-radio label="专业烹饪团队"> D. 专业烹饪团队</el-radio>
                <el-radio label="我一个人"> E. 我一个人</el-radio>
              </el-radio-group>
            </template>
          </li>

          <li><span class="tt"><em>&#xe641;</em>每个月你能举办多少次家宴？</span>
            <template >
              <el-radio-group v-model="radio10" >
                <el-radio label="1次"> A. 1次</el-radio>
                <el-radio label="2次"> B. 2次</el-radio>
                <el-radio label="3-5次"> C. 3-5次</el-radio>
                <el-radio label="5次以上"> D. 5次以上</el-radio>
              </el-radio-group>
            </template>
          </li>

          <li><span class="tt"><em>&#xe641;</em>你能接待说英语的外国食客朋友吗 ?</span>
            <template >
              <el-radio-group v-model="radio11" >
                <el-radio label="可以，毫无压力"> A. 可以，毫无压力</el-radio>
                <el-radio label="也许吧，如果能加上肢体语言的话"> B. 也许吧，如果能加上肢体语言的话</el-radio>
                <el-radio label="想想还是算了吧"> C. 想想还是算了吧</el-radio>
              </el-radio-group>
            </template>
          </li>

          <li><span class="tt"><em>&#xe641;</em>你举办家宴的地方在城市的什么位置？</span>
            <template >
              <el-radio-group v-model="radio12" >
                <el-radio label="内环/三环以内"> A. 内环/三环以内</el-radio>
                <el-radio label="中环/四环以内"> B. 中环/四环以内</el-radio>
                <el-radio label="外环/五环以内"> C. 外环/五环以内</el-radio>
                <el-radio label="外环/五环以外"> D. 外环/五环以外</el-radio>
              </el-radio-group>
            </template>
          </li>

          <li><span class="tt"><em>&#xe641;</em>具体家宴的地址</span> <span class="c999">  <input type="text" name="" value="" class="inpt" v-model="inpt13" >  （必须具体到XX路XXX号）</span>
          </li>
          <li><span class="tt"><em>&#xe641;</em>你还会说多少种外语？</span>
            <template >
              <el-radio-group v-model="radio14" >
                <el-radio label="1"> A. 1</el-radio>
                <el-radio label="2"> B. 2</el-radio>
                <el-radio label="3"> C. 3</el-radio>
                <el-radio label="4种以上"> D.4种以上</el-radio>
              </el-radio-group>
            </template>
          </li>

          <li><span class="tt"><em>&#xe641;</em>你的年龄是：</span>
            <template >
              <el-radio-group v-model="radio15" >
                <el-radio label="24及岁以下"> A. 24及岁以下</el-radio>
                <el-radio label="25-35岁"> B. 25-35岁</el-radio>
                <el-radio label="36-49岁"> C. 36-49岁</el-radio>
                <el-radio label="50岁以上<"> D. 50岁以上</el-radio>
              </el-radio-group>
            </template>
          </li>

          <li><span class="tt"><em>&#xe641;</em>形容一下你所在的社区</span>
            <template >
              <el-radio-group v-model="radio16" >
                <el-radio label="旧式居民小区"> A. 旧式居民小区</el-radio>
                <el-radio label="有电梯的公寓楼宇"> B. 有电梯的公寓楼宇</el-radio>
                <el-radio label="服务式酒店公寓"> C. 服务式酒店公寓</el-radio>
                <el-radio label="别墅区<"> D. 别墅区</el-radio>
                <el-radio label="私宅<"> E. 私宅</el-radio>
              </el-radio-group>
            </template>
          </li>

          <li><span class="tt"><em>&#xe641;</em>形容一下你会提供菜肴的形式？</span>
            <template >
              <el-radio-group v-model="radio17" >
                <el-radio label="自助餐"> A. 自助餐</el-radio>
                <el-radio label="不分餐"> B. 不分餐</el-radio>
                <el-radio label="分餐制"> C. 分餐制</el-radio>
              </el-radio-group>
            </template>
          </li>

          <li><span class="tt"><em>&#xe641;</em>你所提供的菜式会是？</span>
            <template >
              <el-radio-group v-model="radio18" >
                <el-radio label="中式为主"> A. 中式为主</el-radio>
                <el-radio label="中式、西式或其它地域混合"> B. 中式、西式或其它地域混合</el-radio>
                <el-radio label="西式或其它地域为主"> C. 西式或其它地域为主</el-radio>
              </el-radio-group>
            </template>
          </li>

          <li><span class="tt"><em>&#xe641;</em>你会提供哪些饮料酒水？（多选）</span>
            <template>
              <el-checkbox label="市售软饮料（如碳酸饮料）" v-model="checkList19" > A. 市售软饮料（如碳酸饮料）</el-checkbox>
              <el-checkbox label="自制特色饮品 （调味茶、鸡尾酒）" v-model="checkList19" > B. 自制特色饮品 （调味茶、鸡尾酒）</el-checkbox>
              <el-checkbox label="餐酒" v-model="checkList19" > C. 餐酒</el-checkbox>
              <el-checkbox label="呃... 喝个汤不一样吗" v-model="checkList19" > D. 呃... 喝个汤不一样吗</el-checkbox>
            </template>
          </li>

          <li><span class="tt"><em>&#xe641;</em>会提供什么样的餐后小点？</span>
            <template >
              <el-radio-group v-model="radio20" >
                <el-radio label="水果或甜品"> A. 水果或甜品</el-radio>
                <el-radio label="抱歉，没有准备哎"> B. 抱歉，没有准备哎</el-radio>
              </el-radio-group>
            </template>
          </li>

          <li><span class="tt"><em class="f16">&#xe63f;</em>你的邮箱</span> <span class="c999">  <input type="text" name="" :value=uinfos.email class="inpt"  readonly>  （请填写您常用的邮箱，方便我们联系到您）</span>
          </li>

          <li><span class="tt"><em class="f16">&#xe642;</em>您的联系电话/手机</span> <span class="c999">  <input type="text" name="" :value=uinfos.phone class="inpt"  readonly>  （请填写您常用的电话或手机，方便我们联系到您）</span>
          </li>

          <li class="c999">
            <div class="pd15">以下问题请上传图片<br>这些照片将作为我们对您是否能发布家宴活动的重要依据、照片要求清晰，每位申请人我们只会审核一次，请认真填写哦！<br>所有照片所有权均属于申请人，我们只用于审核之用。</div>
          </li>

          <li><span class="tt"><em>&#xe643;</em>请上传至少一张（最多不超过5张）您曾经举办过的家宴照片</span>
            <form id="form1"  enctype="multipart/form-data">
              <div class="pd15 clearfix">
                <div class="active-photo img fl"><img id="ImgPr"></div>
                <label class="btn-upfiles fl" style="margin-left:10px;"><input type="file" name="file" id="up" />修改图片</label>
              </div>
            </form>
          </li>

          <li><span class="tt"><em>&#xe643;</em>请上传一张您在烹饪中的照片（必须为本人）</span>
            <form id="form2"  enctype="multipart/form-data">
              <div class="pd15 clearfix">
                <div class="active-photo img fl"><img id="ImgPr2"></div>
                <label class="btn-upfiles fl" style="margin-left:10px;"><input type="file" name="file" id="up2" />修改图片</label>
              </div>
            </form>
          </li>

          <li><span class="tt"><em>&#xe643;</em>请上传至少一张（最多不超过5张）您在近期会举办家宴的就餐场所照片，照片内应当至少含以下信息：就餐桌、椅、申请人本人（自拍或请别人帮忙拍摄）</span>
            <form id="form3"  enctype="multipart/form-data">
              <div class="pd15 clearfix">
                <div class="active-photo img fl"><img id="ImgPr3"></div>
                <label class="btn-upfiles fl" style="margin-left:10px;"><input type="file" name="file" id="up3" />修改图片</label>
              </div>
            </form>
          </li>

          <li class="bd0"><div class="Release-submit pd30">
            <el-checkbox v-model="checked">我已阅读并同意</el-checkbox>  <a href="#" class="o">《17素材服务条款》</a>
            <p class="mt20"><button type="button" name="" value="" class="button btn-submit Appbtn" @click="commit">提交</button><button type="button" name="" value="" class="button btn-reset Appbtn" @click="reset">取消</button></p>
          </div></li>
        </ul>
      </div>

    </div>
  </div>
  <!---------------------------------------------------------------------------------------------------->

  <!---------------------------------------底部[foot]--------------------------------------------------->
  <div id="foot">
    <div class="footmenu">
      <div class="wrap clearfix">
        <!--------------------------------------------------循环页脚内容------------------------------------------------->
        <template v-for="n in 4">
          <div class="item ">
            <h1 class="hd">产品理念</h1>
            <ul>
              <li><a href="#">食品安全</a></li>
              <li><a href="#">订购流程</a></li>
              <li><a href="#">修改订单</a></li>
              <li><a href="#">冷链配送</a></li>
              <li><a href="#">全程冷链</a></li>
            </ul>
          </div>
        </template>
        <!------------------------------------------------------------------------------------------------------------->
        <div class="fr">
          <img src="images/img2.jpg">
          <img src="images/img3.jpg">
        </div>
      </div>
      <div class="gotop">&#xe608;</div>
    </div>
  </div>
  <!---------------------------------------------------------------------------------------------------->

  <div class="foot tc">Copyright © 2003-2015 17素材, All Rights Reserved</div>
</div>

<!---------------------------------------引用自己的js文件----------------------------------------------->
<script src="./js/lgw/applyhost.js" type="module"></script>

<!----------------------------------------------------------------------------------------------------->

<script src="js/jquery.js"></script>
<script src="js/Action.js"></script>
<script src="js/upfiles.js"></script>
<script src="js/chosen.jquery.js"></script>
<script type="text/javascript">
  $(document).ready(function($){
    //select 样式美化
    var config = {
      '.chosen-select-no-single' : {disable_search_threshold:10}
    }
    for (var selector in config) {
      $(selector).chosen(config[selector]);
    }
    $("#up").uploadPreview({
      Img: "ImgPr",
    });
    $("#up2").uploadPreview({
      Img: "ImgPr2",
    });
    $("#up3").uploadPreview({
      Img: "ImgPr3",
    });
  });
</script>
</body>
</html>